
<% title "DEV Connect 👩‍💻 💬 👨‍💻" %>
<%= content_for :page_meta do %>
  <link rel="canonical" href="https://dev.to/connect"/>
  <meta name="description" content="DEV Connect">
<% end %>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.38.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.38.0/theme/material.min.css">

<% if user_signed_in? %>
  <%= javascript_pack_tag 'Chat', defer: true %>
  <div class="chat-page-wrapper">
    <div
      id="chat"
      class="live-chat"
      data-pusher-key="<%= ApplicationConfig["PUSHER_KEY"] %>"
      data-algolia-id="<%= ApplicationConfig["ALGOLIASEARCH_APPLICATION_ID"] %>"
      data-algolia-key="<%= @secured_algolia_key %>"
      data-algolia-index="<%= "SecuredChatChannel_#{Rails.env}" %>"
      data-github-token="<%= @github_token %>"
      data-chat-channels="<%= [] %>"
      data-chat-options="<%= {showChannelsList:true, showTimestamp: true, activeChannelId: @active_channel&.id }.to_json %>"
    >
      <div class="chat" id="chat_placeholder">
        <div class="chat__channels chat__channels--expanded chat__channels--placeholder">
            <button class="chat__channelstogglebutt" onClick={this.toggleExpand}><</button>
            <input placeholder='Filter' onKeyUp={this.triggerChannelFilter} />
        </div>
        <div class="chat__activechat">
          <div class="activechatchannel">
            <div class="activechatchannel__conversation">
              <div class="activechatchannel__header"><span>&nbsp;</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
<% else %>
  <%= render "devise/registrations/registration_form" %>
<% end %>
<style>
  footer {display: none}
  #page-content {max-height:100vh}
</style>
<script>
  window.vapidPublicKey = new Uint8Array(<%= Base64.urlsafe_decode64(ApplicationConfig['VAPID_PUBLIC_KEY']).bytes %>);
</script>